import React, {PureComponent} from 'react'
import Table from 'antd/lib/table'
import Input from 'antd/lib/input'
import Icon from 'antd/lib/icon'

const columns = [
    {
        title: '序号',
        dataIndex: 'name',
        key: 'name',
    }, {
        title: '备货单号',
        dataIndex: 'age',
        key: 'age',
    }, {
        title: '总件数',
        dataIndex: 'address',
        key: 'address',
    },
    {
        title: '当前状态',
        dataIndex: 'address1',
        key: 'address1',
    },
    {
        title: '合同号',
        dataIndex: 'address2',
        key: 'address2',
    },
    {
        title: '计划完成时间',
        dataIndex: 'address3',
        key: 'address3',
    }
];

const data = [{
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
}, {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
}, {
    key: '3',
    name: 'Joe Black',
    age: 32,
    address: 'Sidney No. 1 Lake Park',
}];

for (let i = 0; i < 20; i++) {
    data.push({
        key: '1' + i,
        name: 'John Brown',
        age: 32,
        address: 'New York No. 1 Lake Park',
    })
}

class TallyingTable extends PureComponent {
    constructor() {
        super()
    }

    componentDidMount() {

    }

    render() {
        return (
            <div className="tallying-table-container">
                <p>今日订单进度看板</p>
                <Table columns={columns} dataSource={data} pagination={false}/>
            </div>
        )
    }

}

export default TallyingTable